<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		同步请求文本数据是：<span id="id1"></span>
		<br>
		<button onclick="load()">发送请求</button>
	</body>
	
	<script type="text/javascript">
		function load(){
			//1.创建 XMLHttpRequest 对象
			let xhr = new XMLHttpRequest();
			//第2步： 创建/初始化请求,请求什么数据
			xhr.open("get","data.txt",true);//false表示同步请求
			//3.发送请求
			xhr.send();
			//4.接受数据，解析数据,显示数据
			xhr.onreadystatechange=function(){
				if(xhr.readyState==4&&xhr.status==200){//当state已完成(4),服务器状态正常(200 OK)
					let textdata=xhr.responseText;
					document.getElementById("id1").innerText=textdata;
				}
			}
			
		}
	</script>
</html>
